
body { background:#f9f9f9; }
input,button{outline:none;}
.wenwen-footer{width:100%;position:fixed;bottom:-5px;left:0;background:#fff;padding:3%;border-top:solid 1px #ddd;box-sizing:border-box;}
.wenwen_btn,.wenwen_help{ width:15%;text-align:center;
    line-height:40px;background:#f9f9f9; }
.wenwen_btn { color:#0088cc;font-size:14px; }
.wenwen_help img{height:40px;}
.wenwen_text{height:40px;border-radius:5px;border:solid 1px #636162;
    box-sizing:border-box;width:80%;text-align:center;overflow:hidden;margin-left:2%;font-size:20px;}
.circle-button{padding:0 5px;}
.wenwen_text .circle-button{font-size:14px;color:#666;line-height:38px;}
.write_box{background:#fff;width:100%;height:40px;line-height:40px;}
.write_box input{height:40px;padding:0 5px;line-height:40px;width:100%;box-sizing:border-box;border:0;}
.wenwen_help button{width:95%;background:#42929d;color:#fff;border-radius:5px;border:0;height:40px;}
#wenwen{height:100%;}
.speak_window{ height:100%;width:100%;overflow-y:scroll;
    position:absolute;top:50px;left:0;}
.speak_box{margin-bottom:70px;padding:10px;}
.question,.answer{margin-bottom:1rem;}
.question{text-align:right;}
.question>div{display:inline-block;}
.left{border-radius:5px;float:left;}
.right{cursor:pointer;float:right;}
.clear{opacity:0;clear:both;}
.heard_img{
    height:60px;
    width:60px;
   /* overflow:hidden;*/
   /* background:#ddd;*/
}
.heard_img img{
    height: 60px;
    width: 60px;
    position: relative;
    border-radius:30px;
}
.heard_img .adminspan{
    width: 100%;
    text-align: center;
    color:red;
    display: block;
    margin-top: 0.1rem;
}

.speak_box .msgA{
    color: #001fff;
    font-weight: bold;
    text-decoration: underline;
}









.question_text,.answer_text{
    box-sizing:border-box;
    position:relative;
    display:table-cell;
    min-height:60px;
        max-width: 7rem;
}
.question_text{padding-right:20px;}
.answer_text{padding-left:20px;}
.question_text p,.answer_text p{
    border-radius: 10px;
    padding: .5rem;
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
    height: 60px;
    word-wrap: break-word;
    color: #888;
    /* word-wrap: break-word; */
    max-width: 6rem;
}
.answer_text p{background:#fff;}
.question_text p{background:#42929d;color:#fff;text-align:left;}
.question_text i,.answer_text i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:25px;}
.answer_text i{border-right:10px solid #fff;left:10px;}
.question_text i{border-left:10px solid #42929d;right:10px;}
.answer_text p a{color:#42929d;display:inline-block;}
audio{display:none;}
.saying{position:fixed;bottom:30%;left:50%;width:120px;margin-left:-60px;display:none;}
.saying img{width:100%;}
.write_list{position:absolute;left:0;width:100%;background:#fff;border-top:solid 1px #ddd;padding:5px;line-height:30px;}
#titleName { color:#0088cc; }
/*更多菜单*/
.moreMenu {
    padding:10px 0;
    width:100%;
    background:#fefefe;
    border:0; border-top:1px solid #f0f0f0;
    position:fixed;bottom:55px;
    display:none;
}
.moreMenu td {
    padding:5px 0;
    padding-left:10%;
    width:50%;
}
.moreMenu a {
    padding-left:5%;
    color:#0088cc;
}
.moreMenu select {
    padding:5px;
    border:1px solid #f0f0f0;
}







#scrollDiv [from_id] .head{
    display: block;
    position: relative;
}









